<template>
    <el-aside class="aside">
        <el-container>
            <el-aside class="aside-left">Aside</el-aside>
            <AsideMessage />
        </el-container>
    </el-aside>
</template>

<script>
import { defineComponent } from "vue";
import AsideMessage from "../components/AsideMessage.vue";
export default defineComponent({
    components: {
        AsideMessage,
    },
})
</script>

<style lang="less" scoped>
.aside {
    width: 300px;
    height: 100%;
}

.aside-left {
    width: 50px;
    background: #eaeaea;
}
</style>
